<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link href="__PUBLIC__/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <style>
        .cat_box{
            height:200px;
            background: #0d70b7;
            margin:5px;
            text-align: center;
            font-size: x-large;
            color:#ffffff;
            padding:90px;
        }
    </style>
</head>
<body>
    <div id="cat_list_box">
        <volist name="list" id="vo">
            <div class="col-md-6">
                <div class="cat_box">
                    {$vo.catName}
                </div>
            </div>
        </volist>
    </div>

    <div class="cat_good_list">

    </div>

    <script>
        $(".cat_box").click(function(){
            $.getJSON(
                    "{:U('Admin/Goods/getCatGoodList')}",
                    function(data){

                    }

            );

        });
    </script>

</body>
</html>